@purple100: #6C63FF;

.shoppingCarBody {
  margin-bottom   : 0.5rem;
  margin-top      : 0.5rem;
  background-color: #fff;

  .shoppingCarItem {
    display       : flex;
    margin-bottom : 0.5rem;
    padding       : 1rem;
    padding-bottom: 0;

    .shoppingCarCheckBox {
      flex        : 0 0 1rem;
      text-align  : center;
      margin-right: 0.5rem;
      margin-top  : 2rem;
    }

    .shoppingCarFlex {
      flex         : 1;
      overflow     : hidden;
      text-overflow: ellipsis;
      white-space  : nowrap;

      .name {
        font-weight  : bold;
        line-height  : 1.5rem;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
      }

      .specs {
        color        : #ccc;
        line-height  : 1.5rem;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
      }

      .shoppingCarPrice {
        line-height  : 1.5rem;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
        color        : @purple100
      }
    }
  }

  .shoppingCarFlexImage {
    width       : 5rem;
    height      : 5rem;
    margin-right: 0.5rem;

    .image {
      width : 100%;
      height: 100%;
    }
  }

  .inputNumber {
    position: relative;

    .inputNumberButton {
      position: absolute;
      bottom  : 0.5rem;
      width   : 100%;

      .rightCount {
        width        : 100%;
        text-align   : right;
        padding-right: 1rem;
      }
    }
  }
}